<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <title计科2412尤佳清28</title>
    <style>
        .cat-roll {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: url("小猫.png") center/cover;
            animation: roll 5s 2; 
        }
        @keyframes roll {
            100% {
                transform: translateX(100px) rotate(360deg); 
            }
        }
    </style>
</head>
<body>
    <div class="cat-roll"></div>
</body>
</html>